<template>
	<div class="orderNum">
		<div class="mui-card out">
			<div class="mui-card-content">
				<div class="mui-card-content-inner">
				<p>
					<span class="title">订单编号：</span>
					<span class="info">SN20181213002</span>
				</p>
				<p>
					<span class="title">状&nbsp;&nbsp;&nbsp;&nbsp;态：</span>
					<span class="info">未开始</span>
				</p>
				<p>
					<span class="title">交&nbsp;&nbsp;&nbsp;&nbsp;期：</span>
					<span class="info">2018-12-13 16:31:54</span>
				</p>
				<p>
					<span class="title">客&nbsp;&nbsp;&nbsp;&nbsp;户：</span>
					<span class="info">无</span>
				</p>
				<p>
					<span class="title">I D：</span>
					<span class="info">26ec3a67-7ab6-4a9f-8b0abfec40a5</span>
				</p>
				<p class="border"></p>
				
				<div class="mui-card inner">
					<div class="mui-card-content-inner">
						<p>
							<span class="title">订单编号：</span>
							<span class="info">SN20181213002</span>
						</p>
						<p>
							<span class="title" style="letter-spacing: 1em;">品名：</span>
							<span class="info">座便器111</span>
						</p>
						<p>
							<span class='title'>明细状态：</span>
							<span class="info">未开始</span>
						</p>
						<p>
							<span class="title" style="letter-spacing: 1em;">总数：</span>
							<span class="info">100</span>
						</p>
						<p>
							<span class="title" style="letter-spacing: 0.34em;">已完成：</span>
							<span class="info">0</span>
						</p>
						<p>
							<span class="title" style="letter-spacing: 0.34em;">生产中</span>
							<span class="info">0</span>
						</p>
						<p>
							<span class="title">交货日期：</span>
							<span class="info">2018-12-13 16:31:54</span>
						</p>
					</div>
				</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped="scoped">
	.inner{
		background: ghostwhite;
	}
	.border{
		border-bottom: 1px solid #EEEEEE;
	}
	
	.orderNum p{
		font-size: 15px;
		display: flex;
		justify-content: space-between;
		margin-bottom: 13px;
	}
	.out {
		box-shadow: 0px 6px 8px #cdcdcd;
	}
	
</style>